<template>
    <div>
      <el-table
        :data="roleTableData"
        stripe
        @selection-change="handleSelectionChange"
        style="width: 100%">
        <el-table-column
          type="index"
          width="100">
        </el-table-column>
        <el-table-column 
        type="selection" 
        width="100">
        </el-table-column>
        <el-table-column
          prop="name"
          label="角色名">
        </el-table-column>
        <el-table-column
          prop="categories"
          label="角色描述"
          >
        </el-table-column>
        <el-table-column
          prop="permission"
          label="角色权限">
        </el-table-column>
      </el-table>
    </div>
</template>

<script>
export default {
    name:'roleTableData',
    data(){
      return {
        roleTableData:[{
          name:"超级管理员",
          categories:"超级管理员",
          permission:"新增管理员和操作员"
          
        },
        {
          name:"管理员",
          categories:"管理员",
          permission:"编辑，审核 ，发布，删改"
          
        },
        {
          name:"操作员",
          categories:"操作员",
          permission:"编辑、操作、送审，不能删改"
          
        }],
        multipleSelection:[]
      }
    },
    methods:{
      handleSelectionChange(val){
        // console.log(val)
        var thispage = this;
        thispage.multipleSelection = val;
      },
      handleDelete(){

      },
      handleClick(){
        
      }
    }
}
</script>

<style>

</style>
